@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 1em;
font: inherit;
vertical-align: baseline;
}

body {
font-family: 'Microsoft Yahei','helvetica','arial';
font-size: 1em;
color: #333;
background-color:#f6f6f6;
-webkit-text-size-adjust: none;
text-shadow: 0 0 1px transparent;
box-shadow:#cdcdcd 1px 1px 2px;
min-height:100%;
}

body {
display: block;
}

body > .wrap {
height: auto;
min-height: 100%;
}
 
#box_xmain {
padding-bottom: 80px;
}
.clearfix {
display: block;
}
.clear{
	clear:both;
}

.h40{ height:40px; }


footer {
display: block;
height: 40px;
line-height: 40px;
width: 100%;
text-align: center;
color: #fff;
background: #25292a;
overflow: hidden;
}


.footer_box {
position:relative; margin-top:-40; width:100%;
 bottom:0;
height: 40px;
clear: both;
}

.d_info{ float:left; margin-left:10px;}


.fs26{ font-size:26px;}
.mt20{ margin-top:20px;}
.mt10{ margin-top:10px;}

.header {
background-color:#f6f6f6;
opacity:0.9;
height: 50px;
line-height: 50px;
position: relative;
z-index: 2;
text-align: center;
color:#333;
overflow: hidden;
/* border-bottom: 1px solid rgba(0,0,0,0.19); */
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.23);
box-shadow: 0px 2px 4px rgba(0,0,0,0.23);
}

.icon-reply{ background:url(../images/back.png); width:28px; height:28px; background-size:100%  100%; float:left; margin-top:10px;margin-left:4px;}
.icon-item{background:url(../images/item.png); width:30px; height:30px; background-size:100%  100%; float:right; margin-top:10px;margin-right:4px;}
.d_info_con{ margin-top:20px; font-size:15px; line-height:26px;}
.d_info_con p{ text-indent:2em; margin-top:20px;}

.tips{ margin-top:16px; margin-left:auto; margin-right:auto; text-align:center;color:#000;}

.jf_info_con ul li{ border:1px solid #666; padding:1px; /*前三个参数为rgb颜色，第四个参数为透明度*/
background-size:100% 100%; width:43%; float:left;  list-style:none; text-align:center;
margin: 3% 1% 0 3%;padding:2px; background-clip: padding-box; background-color:#FFF;
box-shadow:2px 2px 3px #888; 
}

.jf_info_con ul li p{height:24px;overflow:hidden; }
.yao_img{ width:100%; overflow:hidden; }
.yao_img img{ width:100%; height:100%;}

 .jifen{ color:#F00;}
 
 .d_huodong_con{

font-size: 0;
list-style: none;
}

a:active, a:focus, a:hover, a:link, a:visited {
text-decoration: none;
}

.d_huodong_con{ margin-top:10px;}
.d_huodong_con ul li {
position: relative;
display: inline-block;
width: 48%;
padding: 5px;
margin-right: 2%;
margin-bottom: 2%;
font-size: 12px;
background-color: #fff;
box-shadow: rgba(204,204,204,.75) 0 1px 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}



 .d_huodong_con ul li a h3
 {
 	margin-top:6px;
display: -webkit-box;
height: 36px;
padding: 2px 0 0;
overflow: hidden;
font-size: 12px;
font-weight: 400;
color:#F00;
text-overflow: ellipsis;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-box-flex: 1;
box-flex: 1;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-box-orient: vertical;
-webkit-line-clamp: 2;
-webkit-flex: 1;
flex: 1;
 }
 
 .d_huodong_con ul li a{
 color:#333;
 font-size:12px;
 
 }
 
  .d_huodong_con ul li a img{width:100%;}
  
 .price {
font-family: Arial;
color: #333;
line-height: 1.2;
}

.price strong {
padding-left: .2em;
font-size: 18px;
color: #ff537b;
}

.price em {
font-size: 12px;
font-style: normal;
color: #aaa;
text-decoration: line-through;
white-space: nowrap;
display: block;
}

 .discount {
position: absolute;
bottom: 0;
right: 0;
padding-right: 5px;
padding-left: 5px;
font-size: 11px;
line-height: 18px;
color: #fff;
text-align: right;
background-color: #333;
height: 18px;
}

.nav {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 1;
}

.nav ul {
list-style: none;
font-size: 0;
}

.nav li:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}

.nav li:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.nav li {
position: relative;
display: inline-block;
background: #000;
background-color: rgba(0,0,0,0.6);
margin-right: 1px;
}
.nav li a {
display: inline-block;
}

.nav .homepage {
background: url(../images/icon-homepage.png) no-repeat 50% 50%;
background-size: auto 24px;
}
.nav .userHome {
background: url(../images/icon-home.png) no-repeat 50% 50%;
background-size: 20px 24px;
}

.nav .shopping-cart {
background: url(../images/icon-shopping-cart.png) no-repeat 50% 50%;
background-size: 25px 24px;
}

.nav .homepage, .nav .shopping-cart, .nav .userHome {
display: inline-block;
width: 43px;
height: 35px;
text-indent: -9999px;
direction: ltr;
}

.tips ,.hysq_con p{ line-height:30px;color:#fff; margin-top:10px; text-indent:2em; background-color:rgba(0,0,0,0.6);}

.hysq_con h1{ height:38px;
 background-color:#FFF;
 margin:4%;
 line-height:42px;
 padding:3px;overflow:hidden;
 border-top-left-radius: 5px;
 border-bottom-left-radius: 5px;
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
 }

.hysq_con h1 span{color:#999;}
.hysq_con h1 input{background-color:#fff;font-size:16px;height:36px; line-height:36px;
display: inline;
-moz-box-flex: 1;
-webkit-box-flex: 1;
-ms-flex: 1;
box-flex: 1;
flex: 1;
border: 0;
width:100%;
margin-right:3%;
}

.mb20{ margin-bottom:20px;}

.hysq_con h2{ height:36px; background-color:#af986b; margin:3%; line-height:42px; padding:3px;overflow:hidden;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
line-height:36px;
}

.button{ background-color:transparent; border:0;width:100%;color:#FFF;}

.hyka_con { background-color:rgba(229,209,123,.75);height:150px;margin-top:20px; margin-left:20px; margin-right:20px;
 border-top-left-radius: 20px;
 border-bottom-left-radius: 20px;
 border-top-right-radius: 20px;
 border-bottom-right-radius: 20px;
 padding:20px;
}

.hyka_con h2{margin-top:30px;margin-left:auto;margin-right:auto; text-align:center; font-size:18px;} 

#item{ background:#FFF;width:100%;padding-bottom:10px; position:absolute; top:50px; left:0; z-index:9999;}
#item ul { padding:3px;}
#item ul li{ width:70px; height:28px;margin-top:10px; text-align:center; line-height:28px; 
 float:left; margin-right:10px;
 border-top-left-radius: 14px;
 border-bottom-left-radius: 14px;
 border-top-right-radius: 14px;
 border-bottom-right-radius: 14px; border:1px solid #af986b; font-size:14px; list-style:none;}

#item ul li a{ color:#600; text-decoration:none;}

.search{ 
 height:40px; 
 font-size:14px;
 margin:10px auto;
 overflow:hidden;
 width:300px;
 }
 
.search_input{ 
 height:34px; 
 border-top-left-radius: 4px;
 border-bottom-left-radius: 4px;
 border-top-right-radius: 4px;
 border-bottom-right-radius: 4px;
 padding-left:4px; padding-right:4px;
 width:200px;
 float:left; border:1px solid #ccc;
}
 
.searchBtn{ background:url(../images/search.png) no-repeat;margin-left:10px; width:80px; height:40px; border:0; background-color:transparent;}
.add_cart{ 
position: absolute;
bottom: 10px;
right: 10px;
z-index: 1;
width:100px;
 height:36px;
 background-color:#af986b;
  border-top-left-radius: 4px;
 border-bottom-left-radius: 4px;
 border-top-right-radius: 4px;
 border-bottom-right-radius: 4px;
 text-align:center;
}

.add_cart input{ background-color:transparent; color:#FFF; line-height:36px; }
.fs18{ font-size:18px;}
.fs24{ font-size:24px;}

.red{ color:#F00;}

.ml10{ margin-left:10px;}
.cr-666{ color:#666;}
.yp_con h1{ font-size:16px; font-weight:bolder; color:#333; margin-top:15px; margin-left:10px;}

.product-info {
margin-top: 5px;
background-color: #fff;
padding: 10px;
overflow: hidden;
}

.product-info table {
margin-bottom: 15px;
}

.product-info table caption {
color: #333;
padding-bottom: 5px;
text-align: left;
font-size: 14px;
}

.product-info .key {
text-align: right;
white-space: nowrap;
color:#999;
}
.product-info table td {
padding-bottom: 5px;
vertical-align: top;
font-size:12px;
}

.product-info .value {
padding-left: 20px;
color: #333;
word-break: break-all;
}

.shopping {
position: fixed;
bottom: 0;
left: 0;
display: -webkit-box;
display: box;
display: -webkit-flex;
display: flex;
width: 100%;
height: 50px;
padding: 7px 10px;
padding-left: 0;
background-color: #f9f9f9;
border-top: 1px solid #bcbcbc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
z-index: 10;
}

.shopping .homepage {
display: inline-block;
width: 43px;
height: 25px;
text-indent: -9999px;
background: url(./img/icon-homepage-dark.png) no-repeat 50% 50%;
background-size: 23px 22px;
border-right: 1px solid silver;
}
 
 .shopping-cart-container {
position: relative;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
flex: 1;
}

.btn-decision {
color: #fff;
background: -webkit-gradient(linear,0 0,0 100%,from(#ff7394),to(#ff537b));
background-color: #ff7394;
border: 0;
box-shadow: #d23257 0 1px 0;
}
.btn-big {
font-size: 14px;
}
.btn {
display: inline-block;
padding-right: 20px;
padding-left: 20px;
margin: 0;
line-height: 240%;
color: #777;
text-align: center;
vertical-align: middle;
background: 0 0;
border: 1px solid #aaa;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
}

.btn-decision {
color: #fff;
background: -webkit-gradient(linear,0 0,0 100%,from(#b68e41),to(#755922));
background-color: #ff7394;
border: 0;
box-shadow: #ccc 0 1px 0;
}

.shopping-cart-container .shopping-cart {
display: inline-block;
width: 43px;
height: 35px;
text-indent: -9999px;
background: url(../images/icon-shopping-cart-dark.png) no-repeat 50% 50%;
background-size: 25px 24px;
direction: ltr;
}

.shopping .homepage {
display: inline-block;
width: 43px;
height: 25px;
text-indent: -9999px;
background: url(../images/icon-homepage-dark.png) no-repeat 50% 50%;
background-size: 23px 22px;
border-right: 1px solid silver;
}

.cart .order-list dt {
margin-top: 15px;
margin-bottom: 5px;
font-size: 12px;
color: #333;
}
.cart .order-list dd, .cart .order-list dt {
padding-right: 10px;
padding-left: 10px;
}

.cart .order-list dd {
background-color: #fff;
box-shadow: rgba(204,204,204,.75) 0 1px 1px;
}
.cart .summation {
display: -webkit-box;
display: box;
display: -webkit-flex;
display: flex;
padding: 5px 0 10px;
font-size: 12px;
color: #333;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}

.goods-list>li:last-child {
border-bottom-style: solid;
}
.goods-list>li {
display: -webkit-box;
display: box;
display: -webkit-flex;
display: flex;
padding: 15px 0;
border-bottom: 1px dashed #d7d7d7;
}

.goods-list input[type=checkbox] {
position: relative;
top: 38px;
display: block;
background-color: transparent;
}
a, button, img, input[type=checkbox], input[type=radio] {
outline: 0;
}

.goods-list img {
display: block;
width: 78px;
height: 98px;
margin: 0 5px;
border: 1px solid #cdcdcd;
}

.goods-list .desc {
min-height: 98px;
display: -webkit-box;
display: box;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column;
-moz-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.goods-list .desc {
-webkit-flex-direction: vertical;
}

.goods-list .desc ul {
position: relative;
padding-right: 65px;
color: #aaa;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
flex: 1;
}

.goods-list .desc ul li{ 
 list-style:none;
}

.goods-list .desc ul li h3 {
overflow: hidden;
font-size: 12px;
color: #333;
text-overflow: ellipsis;
white-space: nowrap;
}

.goods-list .desc ul {
color: #aaa;
}
.goods-list .desc .paid-price {
top: 0;
color: #ff537b;
}
.goods-list .desc .origin-price, .goods-list .desc .paid-price {
position: absolute;
right: 0;
font-family: Arial;
}
.goods-list .desc .origin-price {
top: 20px;
color: #aaa;
text-decoration: line-through;
}
.goods-list .desc .origin-price, .goods-list .desc .paid-price {
position: absolute;
right: 0;
font-family: Arial;
}

.goods-list .desc .quantity {
position: relative;
}

.btn-sub:disabled {
background: #eee url(./img/icon-sub-light.png) no-repeat 50%;
background-size: 17px 1px;
border: 1px solid #dadada;
box-shadow: none;
}

.goods-list .desc .quantity .number {
display: inline-block;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
vertical-align: middle;
border: 1px solid #dadada;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.btn-add {
background: #eee url(../images/icon-add-dark.png) no-repeat 50%;
background-size: 17px;
}
.btn-add, .btn-sub {
width: 28px;
height: 28px;
padding: 0;
text-indent: -9999px;
border: 1px solid #dadada;
border-radius: 0;
direction: ltr;
}

.goods-list .desc .remove {
position: absolute;
bottom: 0;
right: 0;
}

.btn-remove {
width: 20px;
height: 20px;
padding: 0;
text-indent: -9999px;
background: #aaa url(../images/icon-remove.png) no-repeat 50%;
background-size: 10px 10px;
border: 0;
border-radius: 10px;
direction: ltr;
}

.cart .summation .tip {
line-height: 27px;
color: #777;
vertical-align: middle;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
flex: 1;
}

.cart dd{ background:#FFF;}

.fs12{ font-size:12px;}

.mb10{ margin-bottom:10px;}

.article_list{ margin-top:12px !important; }
.article_list li{display:table; width:100%; clear:both; margin:10px 0;}
.article_list a{ display:table; background:#fff; width:94%; margin:0 auto; height:auto !important; overflow:hidden; border:1px solid #ccc; border-radius:5px; background-clip: padding-box; padding:3% 3% 4%;}
.article_list a h3{ color:#000; font-size:1em; line-height:26px !important; margin:0 0 7px;  padding:0;}

.article_list img{display:block; float:left; padding-right:10px; width:100px; max-height:66px;}
.article_list a p{font-size: 14px; color:#5a5a5a; line-height: 21px !important; max-height:64px; height:auto; overflow: hidden; padding:0;margin:0;}
.article_list a .info_h{ display:block; width:100%; max-height:64px; height:auto; overflow:hidden;}
.article_list a:active{background:#e1e1e1;}
.img_wai img{display:block; float:left; padding-right:10px; width:60px; height:auto;}
@media only screen 
and (min-width:768px) 
and (orientation:portrait){
.article_list img{width:180px; max-height:126px;}
.article_list .tuijian img{ width:120px; height:120px;}
}

.article{ display:block; padding:2% 5%; margin:0;width:90%; background:#fff;}
.article a:active{ text-decoration:underline; color:#f41a52;}
.article_Content{font-size:1em !important; line-height:1.7em !important;/* text-align:justify !important; text-justify:inter-ideograph !important; text-align-last:justify !important;*/}
.article_Content img{ display:block; max-width:100%; min-width:inherit; margin:10px auto;}


.article_head{ border-bottom:1px solid #ccc; padding:10px 0; display:table; width:100%;}
.article_head h1{ font-size:1.2em; line-height:1.5em; font-weight:bold;}
.article_head span{ font-size:.75em !important; float:left; padding:0 1%; line-height:21px;text-align:center; width:auto; color:#999}
.article_head span a{ color:rgba(27,144,226,1);}




.article_add{ display:block; clear:both; width:100%; margin:25px 0 0 0; border-top:1px solid #e5e5e5} 
.article_add_a{ display:block; height:20px; margin:0 auto; padding:10px 0; width:100%; border-top:1px solid #e5e5e5; overflow:hidden; }
.article_add_a li{display:block; float:left; width:50%; height:20px; font-size:80%; text-align:center;}
.article_add_a li button, .article_add_a li a{display:inline-table; margin:0 auto; width:auto; height:20px; line-height:20px; color:#333; border:1px solid #ccc; background:none; border:0;}
.article_add_a li em{ display:block; height:15px; width:1px; float:right; background:#e5e5e5; vertical-align:middle; margin-top:3px;}
.article_add_a li i{margin-right:6px; vertical-align:middle;}
.article_add_a li:nth-child(odd) i{color:#f30; }

.article_add_b{background:#048ed7; display:block; width:100%; margin:10px auto; height:40px; line-height:40px; border-radius:5px; background-clip: padding-box; color:#fff; text-align:center; overflow:hidden;}
.article_add_b i{ margin-left:10px; font-size:1.2em;}
  
.article_add_c {line-height:1.5em; display:block; margin:15px 0; font-size:0.87em; overflow:hidden; word-wrap:break-word !important;width:100%;}
.article_add_c img{max-width:280px; display:block; margin:0;}
.article_add_c p{margin:0 !important; padding:0 !important; text-align:left; text-indent:0 !important; }

.ui_input_btn01 {
	width: 80px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	border-style: none;
	cursor: pointer;
	outline:none;
	font-family: "Microsoft YaHei", "微软雅黑", "sans-serif";
	background: url('../Admin/images/login/btn.png') 0px 0px no-repeat;
}

.ui_input_btn01:hover {
	width: 80px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	border-style: none;
	cursor: pointer;
	outline:none;
	font-family: "Microsoft YaHei", "微软雅黑", "sans-serif";
	background: url('../Admin/images/login/btn_hover.png') 0px 0px no-repeat;
	color: #fff;
}

.reg_title { margin-top:20px;height:84px; background:url(../images/regTitleBg.png) repeat-x; line-height:84px; width:100%; }
.reg_title  ul { width:336px; display:block; margin:auto;}

.reg_title  ul  li{ list-style:none; float:left; width:84px; height:84px; text-align:center;}
.active{ background:url(../images/active.png) no-repeat; color:#FFF;}
.img_wai img{display:block; float:left; padding-right:10px; width:60px; height:auto;}

.yf_list {padding:1%;}
.yf_list  ul li{ list-style:none; padding-bottom:20px;  margin-bottom:20px; border-bottom:1px dashed #999;}
.yf_list ul li a{ display:block; overflow:hidden; color:#333; text-decoration:none;}

.yf_info { margin-left:3%; float:left; width:70%;}
.yf_info h3{ font-size:2.8em;}
.yf_img{ width:25%; overflow:hidden; float:left; background:#FFF; min-height:80px;}
.yf_img img{ width:100%; height:auto; }